<extend name="Layout::layout"/>
<block name="content">
<script>
    jQuery(document).ready(function() {
      $('.top1 ul>li:first').addClass("present");
    });
</script>

<div class="banner">
    <div class="bd">
        <ul>
            <foreach name="single" item="value">
            <li style="background: url(__PUBLIC__/{$value['plug_ad_pic']}) center no-repeat;"></li>
            </foreach>
        </ul>
    </div>
    <div class="hd">
        <ul>
            <foreach name="single" item="value">
            <li></li>
            </foreach>
        </ul>
    </div>
    <div class="hd-bg"></div>
</div>
<div class=" index">
    <div class="index1">
        <div class="index2">
            <div class="index2_left">
                <div class="index2_left2">硅藻泥领域技术创新的领导者</div>
                <div class="index2_left3">《国家科技部“十二五”科技项目》施工单位</div>
            </div>

            <div class="search-box">
                <form >
                    <input class="search-input js-name" type="text" name="name" placeholder="输入您要搜索的关键词......"  value=""/>
                    <a  onclick="like()"><img src="__PUBLIC__/home/img/index_13.gif" width="41" height="39" style="float:right;"></a>
                <script>
                    function like(){

                        var name= $.trim($('.js-name')[0].value);

                        if(name==""){
                            alert('搜索内容为空！');
                        }else{
                            window.location="{:U('Products/products')}";
                        }
                    }

                </script>
                </form>
                <div class="search-text">热门关键词：<a href="#">硅藻泥品牌</a> &nbsp;&nbsp;&nbsp;<a href="#">手工肌理</a>&nbsp;&nbsp;&nbsp;<a href="#">弹涂</a>&nbsp;&nbsp;&nbsp;<a href="#">丝网印系列</a></div>
            </div>
            <div class="index3"><img src="__PUBLIC__/home/img/index_15.gif" width="227" height="62"></div>

        </div>
        <img src="__PUBLIC__/home/img/index_21.jpg" width="442" height="450" style=" float:left; margin-top:80px">
        <div class="index_about">
            <div class="index_about1">关于七果/ ABOUT US</div>
            <div class="index_about2"></div>
            <div class="index_about3">
                上海七果建筑材料有限公司，成立于2016年4月，注册资金100万元，初期拥有20名人员，是沪佳集团旗下一家专业从事硅藻泥运营的子公司。七果硅藻泥建筑材料公司是一家致力于打造中国新一代低价绿色环保硅藻泥的企业。作为国内从事硅藻泥行业中的佼佼者，七果硅藻泥公司是一个集，生产、加工、营销、培训于一体的高新技术环保企业，坐落于世界金融中心上海市。一直以来我们秉承绿色、环保、天然、健康的理念，七果硅藻泥全力为广大消费者打造绿色、时尚、健康的家居环境、是中国市场上最具创新与影响力的硅藻泥品牌。
            </div>
        </div>
    </div>
</div>

<div class="index_hb">
    <div class="index_hb1"><img src="__PUBLIC__/home/img/index_30.jpg" width="1024" height="204" style="margin-top:50px"></div>
</div>

<div class="index4_box">
    <div class="index4">
        <ul>
            <li><a href="__PUBLIC__/home/#"><img src="__PUBLIC__/home/img/index_34.gif" width="111" height="111" class="showing" border="0"   />
                <img class="hiding" src="__PUBLIC__/home/img/index__34.gif" width="111" height="111"  />
                <span class="index4_english">绿色环保</span> <br/>
                <span class="index4_text">Green</span> </a></li>

            <li><a href="__PUBLIC__/home/#"><img class="showing" src="__PUBLIC__/home/img/index_36.gif" width="111" height="111"   />
                <img class="hiding" src="__PUBLIC__/home/img/index__36.gif" width="111" height="111"  />
                <span class="index4_english">调节湿度</span> <br/>
                <span class="index4_text">Adjust humidity</span> </a></li>

            <li><a href="__PUBLIC__/home/#"><img class="showing" src="__PUBLIC__/home/img/index_38.gif" width="111" height="111"   />
                <img class="hiding" src="__PUBLIC__/home/img/index__38.gif" width="111" height="111"  />
                <span class="index4_english">除菌防霉</span> <br/>
                <span class="index4_text">Sterilization</span></a> </li>

            <li><a href="__PUBLIC__/home/#"><img class="showing" src="__PUBLIC__/home/img/index_40.gif" width="111" height="111"   />
                <img class="hiding" src="__PUBLIC__/home/img/index__40.gif" width="111" height="111"  />
                <span class="index4_english">净化空气</span> <br/>
                <span class="index4_text">Purifying air</span></a> </li>

            <li><a href="__PUBLIC__/home/#"><img class="showing" src="__PUBLIC__/home/img/index_42.gif" width="111" height="111"   />
                <img class="hiding" src="__PUBLIC__/home/img/index__42.gif" width="111" height="111"  />
                <span class="index4_english">保护视力</span> <br/>
                <span class="index4_text">Protect eyesight</span></a> </li>

            <li><a href="__PUBLIC__/home/#"><img class="showing" src="__PUBLIC__/home/img/index_44.gif" width="111" height="111"   />
                <img class="hiding" src="__PUBLIC__/home/img/index__44.gif" width="111" height="111"  />
                <span class="index4_english">吸音降噪</span> <br/>
                <span class="index4_text">Noise reduction</span></a> </li>

            <li><a href="__PUBLIC__/home/#"><img class="showing" src="__PUBLIC__/home/img/index_46.gif" width="111" height="111"   />
                <img class="hiding" src="__PUBLIC__/home/img/index__46.gif" width="111" height="111"  />
                <span class="index4_english">防火阻燃</span> <br/>
                <span class="index4_text">Purifying air</span></a> </li>

            <li><a href="__PUBLIC__/home/#"><img class="showing" src="__PUBLIC__/home/img/index_48.gif" width="111" height="111"   />
                <img class="hiding" src="__PUBLIC__/home/img/index__48.gif" width="111" height="111"  />
                <span class="index4_english">保温隔热</span> <br/>
                <span class="index4_text">Insulation</span></a> </li>

        </ul>
    </div>
</div>

<div class="index5">
    <div class="index6">
        <div class="index7"><img src="__PUBLIC__/home/img/index_59.gif" width="315" height="65"></div>
        <div class="index8">
            <p><span style="font-weight:bold"><br>
       硅藻泥：</span> 有效吸收、分解装修过程中产生的甲醛、苯等有害物质，释放负氧离子，调 节空气湿度，防潮防霉，防火阻燃等优点。特别适合用于南方多雨的气候。<br>
                <br>
            </p>
            <p>◆硅藻泥基料为100%水选硅藻精土，而非助熔煅烧硅藻土；<br>
                ◆凝胶材料为天然无机矿物材料；<br>
                ◆具有突出的耐水性；<br>
                ◆适宜的吸放湿功能，并具有良好的净化功能！<br>
                ◆绿色环保，装修完成即可入住！<br>
            </p>
            <p>&nbsp;</p>
            <p>     <span style="font-weight:bold">硅藻土的特有的高吸附性能：</span> 硅藻土的主要成份是蛋白质，质地轻软多孔。其表面具有无数微小的空穴，他的超细微孔比活性炭多5000-6000.倍，正是这种突出的分子筛结构，决定了其独特的功能，具有极强的物理吸附性能和离子交换性能。 </p>
        </div>
    </div>
</div>
<div class="index9">
    <div class="index10">
        <img src="__PUBLIC__/home/img/index_64.gif" width="315" height="65" style="margin:90px 0 0 492px">
        <div class="index11">
            <div class="inBox">
                <div class="tempWrap" style="overflow:hidden; position:relative; width:1260px">
                    <div class="inBd">
                        <?php
                             for($i=0; $i<count($double);$i=$i+2){
                        ?>
                        <ul>
                            <li>
                                <a href="<?php echo $double[$i]['plug_ad_url']; ?> ">
                                    <div class="sto-box"><div><img src="__PUBLIC__/{$double[$i]['plug_ad_pic']}"/></div></div>
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo $double[$i+1]['plug_ad_url']; ?> ">
                                    <div class="sto-box"><div><img src="__PUBLIC__/{$double[$i+1]['plug_ad_pic']}"/></div></div>
                                </a>
                            </li>
                        </ul>
                        <?php  }   ?>
                    </div>

                </div>

                <div class="inHd">
                    <ul>
                        <li></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript">
    jQuery(".inBox").slide({
        titCell:".inHd ul",
        mainCell:".inBd",
        autoPage:true,
        effect:"leftLoop", // 是否循环，否则为 "left"
        autoPlay:true,     // 是否自动播放，否则为 false
        vis:4              // 横向显示几列

        // 同一列的结构为
        //
        // <ul>
        //   <li>
        //     ...
        //   </li>
        //   <li>
        //     ...
        //   </li>
        // </ul>
        //
        // li 越多则同一列显示越多个
    });
</script>

<script type="text/javascript">
    jQuery(".banner").slide({mainCell:".bd ul",autoPlay:true,trigger:"click"});
</script>

</block>